<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="css/data.css">
    <script src="js/mytools.js"></script>
    <script src="js/jquery-3.2.1.min.js"></script>
</head>
<body>
<!--头部-->
<div id="top">
    <div class="infor">
        China&nbsp;-&nbsp;Pub&nbsp;&nbsp;&nbsp;后台管理系统
    </div>
    <div class="headPic"><img src="images/user.png"></div>
</div>
<div class="zhuxiao">
    <p style="margin-top: 10px;font-size: 20px">用户名：<span class="getName"></span></p>
    <p style="margin-top: 20px;font-size: 20px">密&nbsp;&nbsp;&nbsp;码：<span class="getPws"></span></p>
    <button class="cancel">注销</button>
</div>
<div class="bns">
    <button class="add">添加数据</button>
    <button class="refresh">刷新</button>
</div>
<table class="tables">
    <tr>
        <td>
            <input type="checkbox">
        </td>
        <td>图片</td>
        <td>书名</td>
        <td>作者</td>
        <td>会员价</td>
        <td>出版社</td>
        <td>操作</td>
    </tr>
</table>
<div class="hidden">
    <div class="addDiv">
        <div class="closeDiv">
            <span>新建书籍：</span>
        <span>
            <button class="close">×</button>
            <button class="hidn">□</button>
            <button class="hidn">-</button>
        </span>
        </div>
        <div class="addInfore">
            <form>
            <div class="left">
                <span>书名：<input type="text" name="bookName"></span>
                <span>翻译：<input type="text" name="bookTranslate"></span>
                <span>会员：<input type="text" name="VIP" ></span>
                <span>价格：<input type="text" name="bookPrice"></span>
                <span>作者：<input type="text"  name="bookAuthor"></span>
                <span>出版社：<input type="text" name="bookPublish"></span>
                <span>评分：<input type="text" name="evaluate"></span>
                <span>购买：<input type="text" name="btnss"></span>
            </div>
            <div class="right">
                <span>上架世间：<input type="text" name="bookTime"></span>
                <span>会员价：<input type="text" name="Vmoney"></span>
                <span>ISBN：<input type="text" name="booknumber"></span>
                <span>Ebook：<input type="text" name="Ebook"></span>
                <span>E价格：<input type="text" name="Emoney"></span>
                <span>V原价：<input type="text" name="Vno"></span>
                <span>E原价：<input type="text" name="Eno"></span>
                <span>图片：<input type="text" class="bookImage" name="bookImage"></span>
            </div>
            <button class="ok">添加</button>
            </form>
        </div>
    </div>
</div>
<script src="js/data1.js"></script>
</body>
</html>